<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page import="java.io.*, java.sql.*, java.util.*,LS.*, date.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%request.setCharacterEncoding("utf-8"); %>
<!DOCTYPE html>
<html lang="UTF-8">
<style>
th,td {
	padding-bottom: 5px;
	padding-top: 5px;
}

#title{
	font: 17px; 
	font-weight:bold;
	text-align: right;
	width: 90px;
}

#result{
	text-align:left;
}

#content{
	text-align: left;
}
.txta{
	width:100%;
	height:100%;
}


b.text{
	font-size: 25px;
	margin-bottom: 10px;
}
h4,h1 {
	margin: 0px;
	padding: 0px;
}
th{
	height:30px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
tr{
	border-bottom: 1px solid #e5e5e5;
}
table {
	width: 100%;
}

.explain{
	color: red;
	font-size: 11px;
	border-bottom: 2px;
}
#outerview {
	padding-top: 20px;
	margin-left: 0px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
#outerview {
	width: 93%;
	min-height: 600px;
	padding: 0px;
}
#middleview{
	width: 90%;
	min-height: 450px;
	margin: 5px auto 0px auto;
	left: 50%;
	
}
#innerview {
	width: 100%;
 	height: 100%;
 	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
} 

#innerviewleft,#innerviewright{
	margin-left:0px;
	padding-left:0px;
}

#plusview {
	margin:10px;
	margin-bottom:0px;
	text-align: left;
}
.tableview{
	width:100%;
	min-height:100%;
	left:50%;
}

.lendingdate{
	width:20%;
}
.notify{
	width:10%;
}
</style>
<head>
<script src="assets/js/bootstrap.min.js"></script>

	
	<!-- styles시트 -->
	<link href="assets/css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="assets/css/bootstrap.css">
	<script type="text/javascript" src="<c:url value='/assets/js/jquery-1.9.1.js'/>" charset="utf-8"></script>
	<script type="text/javascript" src="<c:url value='/assets/js/jquery-ui-1.10.3.custom.js'/>"></script>
	<script type="text/javascript" src="<c:url value='/assets/js/jquery.ui.datepicker.js'/>"></script>
	<link rel="stylesheet" type="text/css" href="/assets/css/demos.css" />

	<script type="text/javascript" src="assets/smartPop/jquery.smartPop.js"></script>
	<link rel="stylesheet" href="assets/smartPop/jquery.smartPop.css" />
	
	
	<script>
	$(document).ready(function() {
		$("#datepicker").datepicker();		 
	});

	</script>	

</head>
<body>
<div class="container">
<form method="post" action="aproveLoading.do">
			<div id="outerview">
				<div id="middleview">
					
					<div id="plusview" >
							<b class="text">대여 신청서</b>&nbsp;&nbsp;
							<input type="hidden" name="lending" value="${aprovelist.get(0).getLending_id()}">
					</div>
					<div id="innerview">
						<div id="innerviewleft" class="span10" >
						<br>
							<div id="title" class="span2">소속학과</div><div id="content" class="span2">
								${aprovelist.get(0).getDepartments_name() }
							</div><br><br>
							<div id="title" class="span2">학번</div>
							<div id="content" class="span2">${aprovelist.get(0).getUser_id() }</div><br><br>
							<div id="title" class="span2">이름</div>
							<div id="content" class="span2">${aprovelist.get(0).getName() }</div><br><br>
							<div id="title" class="span2">학년</div>
							<div id="content" class="span2">${aprovelist.get(0).getGrade() }</div><br><br>
							<div id="title" class="span2">연락처</div>
							<div id="content" class="span2">${aprovelist.get(0).getPhone() }</div><br><br>
							<div id="title" class="span2">품목명</div>
							<div id="content" class="span2">${aprovelist.get(0).getItem_name() }</div><br><br>
							<div id="title" class="span2">모델명</div>
							<div id="content" class="span2">${aprovelist.get(0).getModel_name() }</div><br><br>
							
							<div id="title" class="span2">신청일자</div>
							<div id="content" class="span2">
							<fmt:formatDate pattern="yyyy년 MM월 dd일" value="${aprovelist.get(0).getApply_date() }" />
							</div><br><br>
							<div id="title" class="span2" >대여일</div>
							<div id="content" class="span2" >
							<b><fmt:formatDate pattern="yyyy년 MM월 dd일" value="${aprovelist.get(0).getLending_start_date() }" /></b>
							</div>
							<br><br>
							<div id="title" class="span2">기간</div>
							<div id="content" class="span6">
								<b>${aprovelist.get(0).getPeriod() }일</b>
							</div><br><br>
							<div id="title" class="span2">반납예정일</div>
							<div id="content" class="span2">
							<b><fmt:formatDate pattern="yyyy년 MM월 dd일" value="${aprovelist.get(0).getDue_date() }" /></b>
							</div>
							<br><br>
							<div id="title" class="span8">비고</div>
							<div id="content" class="span4">${aprovelist.get(0).getReason() }</div>
						</div>
					</div>
					
					
				</div>
				<br>
				<div style="margin:50px 60px 0px 10px;text-align: right;">
				<Button class="btn" name="ok" type="submit" value="승인">승인</Button>
				<Button class="btn" name="no" type="submit" value="거부">거부</Button>
				<Button class="btn" onclick="parent.smartPopClose(); return false;" >취소</Button>
				</div>
			</div>
			</form>
</div>
</body>
</html>